<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>隔行换色</title>
    <script>
        //1.确定事件--页面加载成功
       window.onload= function () {
           //2.给表格的奇数行和偶数行分别添加不同的背景颜色
                //获取所有的行对象
           let byTagName = document.getElementsByTagName("tr");
                //遍历数组
           for (let i=1;i<byTagName.length;i++){
               if (i%2==0){
                   byTagName[i].style.background="pink";
               }else{
                   byTagName[i].style.background="red";
               }
           }
        }


    </script>
</head>
<body>

<table align="center" border="1px" width="600">
    <tr style="background-color: #999999;">
        <th>分类ID</th>
        <th>分类名称</th>
        <th>分类描述</th>
        <th>操作</th>
    </tr>
    <tr>
        <th>1</th>
        <td>手机数码</td>
        <td>手机数码类商品</td>
        <td><a href="">修改</a>|<a href="">删除</a></td>
    </tr>
    <tr>
        <th>2</th>
        <td>电脑办公</td>
        <td>电脑办公商品</td>
        <td><a href="">修改</a>|<a href="">删除</a></td>
    </tr>
    <tr>
        <th>3</th>
        <td>鞋靴箱包</td>
        <td>鞋靴箱包类商品</td>
        <td><a href="">修改</a>|<a href="">删除</a></td>
    </tr>
    <tr>
        <th>4</th>
        <td>家具饰品</td>
        <td>家具饰品类商品</td>
        <td><a href="">修改</a>|<a href="">删除</a></td>
    </tr>
</table>
</body>
</html>